更新：2024.08.16
Hi，大家好，我是Tony，是一個對於程式設計有一點點概念的超級新手。
​
挑戰第八天啦！
今天學習的內容是：JavaScript流程控制：迴圈基礎

學習內容來自
彭彭老師JavaScript 流程控制：迴圈基礎
https://www.youtube.com/watch?v=80zAVBeOvX0&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=17
​
昨天的學習內容：[Day 7] JavaScript 流程控制：判斷式
https://ithelp.ithome.com.tw/articles/10344529

1. 迴圈

昨天的學習中有提到，迴圈是可以重複執行程式區塊
語法中有兩種，while 跟 for。
兩種語法都能達到一樣的效果，只是寫程式的方法不太一樣。

2. while迴圈

語法：

while(布林值){
    如果布林值為true，執行這個程式區塊，
    執行完畢後，跳到迴圈開頭，重新執行。
    直到布林值為false，跳出迴圈。
｝

再來看個簡單範例，通常迴圈會搭配變數與判斷式一起使用。

let n=0;
while(n<3){
    console.log(n);
    n++;
}

運作過程說明：
宣告變數n為0，
迴圈布林值是n < 3是ture，
console.log(n)表示每次都會印出n是多少，
之後n++，使n每次都在執行+1，進入下一次迴圈。
重複迴圈直到帶入n < 3為false，跳出迴圈。
後面練習會展示結果給大家看。

3. for迴圈

跟while迴圈功能一樣，只是寫的方式比較複雜。
語法：

for(初始化程式;布林值;每次迴圈時執行){
    如果布林值為true，執行這個程式區塊，
    執行完畢後，跳到迴圈開頭，重新執行。
    直到布林值為false，跳出迴圈。
}

for迴圈的小括號中多了兩個分號，變成三個區塊，直接看個簡單範例

for(let n=0;n<3;n++){
    console.log(n);
}

程式執行的內容跟上面while迴圈的結果完全一樣。
只是把其中的初始值、布林值、要執行的程式都寫在最前面for的小括號中。
直接接著看練習。

練習

• 練習1：while迴圈，布林值填true

如果布林值直接填true，
會造成無窮迴圈。

  <script>
      while(true){
          console.log("一直無窮迴圈");
      }
  </script>     

網頁結果1
QQ非常抱歉...我的電腦硬體不太好，無限迴圈的頁面完全卡住不動，
沒辦法截圖給大家看...我想這樣跑不動應該是有成功啦。

• 練習2：while迴圈，簡單迴圈範例

宣告變數n為0，
迴圈布林值是n < 3是ture，
console.log(n)表示每次都會印出n是多少，
之後n++，使n每次都在執行+1，

  <script>
      let n=0
      while(n<3){
          console.log(n)
          n++
      }        
  </script>     

網頁結果2

• 練習3：for迴圈，簡單迴圈範例

想要執行與上一個練習相同的答案，語法如下

  <script>
      for(let n=0;n<3;n++){
          console.log(n)
      }        
  </script>     

網頁結果3

• 練習4：for迴圈，小小變體簡單迴圈範例

如果我們將初始值與要執行的程式，
如同while迴圈的方式寫，會怎麼樣呢？

  <script>
     let n=0
     for(;n<3;){
         console.log(n)
         n++
     }       
  </script>     

網頁結果4
會得到一樣的結果，
但請記得for(;n< 3;)中，初始值與執行程式的地方，
還是要用分號隔開並且空下來。

以上就是本次學習的內容，迴圈的原理不複雜，但感覺未來要靈活使用還是需要很熟悉，
謝謝大家，我們下次見。